.ModuleProductsThreeColumn {
  width: 100%;
  box-sizing: border-box;

  :global {
    .goods-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;

      &.flatten {
        .goods-item {
          margin-top: 0;
        }
      }

      &.border {
        .goods-item {
          border: 2px solid #e0e0e0;

          .goods-img {
            min-height: 380px;
          }
        }
      }

      &.cards {
        .goods-item {
          background: #fff;
          box-shadow: 0 2px 12px hsla(210, 1%, 40%, .12);
        }
      }

      .goods-item-placeholder {
        width: 218px;
      }

      .goods-item {
        display: flex;
        flex-direction: column;
        border-radius: 0;
        overflow: hidden;
        position: relative;
        background: #fff;
        &:nth-of-type(-n + 3) {
          margin-top: 0;
        }
        &:nth-child(3n+1){
          margin-left: 0px!important;
        }

        .goods-img-wrap {
          width: 100%;
          padding-bottom: 100%;
          background-size: cover;
          background-position: 50%;
          background-repeat: no-repeat;
        }

        .product-price {
          font-weight: 700;

          .price-0 {
            font-size: 24px;
          }

          .price-1 {
            font-size: 28px;
          }

          .price-2 {
            font-size: 24;
          }
        }
      }

      .goods-panel {
        padding: 20px 18px 30px 18px;
        box-sizing: border-box;

        display: flex;
        flex-direction: column;
        flex-grow: 1;
        justify-content: space-between;

        .goods-title-wrap {
          max-width: 100%;

          display: flex;
          flex-direction: column;

          .product-title {
            font-size: 26px !important;
          }

          .product-title-label {
            .tag {
              height: 24px !important;
            }
          }
        }
      }

      .goods-left-panel {
        .goods-line {
          display: flex;
          align-items: center;
          justify-content: space-between;

          margin-top: 16px;
        }
      }

      .goods-center-panel {
        align-items: center;

        .goods-line {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-between;
        }
      }
    }
  }
}
